﻿<!doctype html>
<html class="no-js">
	<head>
		<meta charset="utf-8">
		<title>Calculator</title>
		<link href="calcOrig.css" id ="stylesheet" rel="stylesheet">
		<link href="./dist/css/bootstrap.css" id ="button-styles" rel="stylesheet">
		<style>
			.odd {
				font-variant:small-caps;
				font-size:120%;
				color:gold;
				background:blue;
				background-color: black; 

			}
		</style>
		<script src="calculator.js"></script>
		<script type="text/javascript" src="stylesheet-change.js"></script>
	</head>
	<body>
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
    <!-- Include all compiled plugins (below), or include individual files as needed -->
    <script src=".\dist\js\bootstrap.min.js"></script>
<div class="css-shapes-preview">
<h1>
	<h2>
		<p class = "new">Calculator<p>

<p>
<form class = "frm" name="calculator" >
	<input type="textfield" size="10" id = "solutionfield"name="ans" value="" disabled >
	</form>
</p>
<p>
<button class="lft btn btn-sm btn-warning" type="button" id="cell<-" value="<-" ><-</button>
<button class="btn btn-sm btn-warning" type="button" id="cellCE" value="CE">CE</button>
<button class="btn btn-sm btn-warning" type="button" id="cellC" value="1/x">1/x</button>
<button class="btn btn-sm btn-danger" type="button" id="cell√" value="√">√</button>
</p>
<p>
<button class="lft btn btn-sm btn-warning" type="button" id="cell1" value="1" >1</button>
<button class="btn btn-sm btn-warning" type="button" id="cell2" value="2">2</button>
<button class="btn btn-sm btn-warning" type="button" id="cell3" value="3">3</button>
<button class="btn btn-sm btn-danger" type="button" id="cellAdd" value="+">+</button>
</p>
<p>
<button class="lft btn btn-sm btn-warning" type="button" id="cell4" value="4">4</button>
<button class="btn btn-sm btn-warning" type="button" id="cell5" value="5">5</button>
<button class="btn btn-sm btn-warning" type="button" id="cell6" value="6">6</button>
<button class="btn btn-sm btn-danger" type="button" id="cellSub" value="-">-</button>
</p>
<p>
<button class="lft btn btn-sm btn-warning" type="button" id="cell7" value="7">7</button>
<button class="btn btn-sm btn-warning" type="button" id="cell8" value="8">8</button>
<button class="btn btn-sm btn-warning" type="button" id="cell9" value="9">9</button>
<button class="btn btn-sm btn-danger" type="button" id="cellTimes" value="*">*</button>
</p>
<p>
<button class="lft btn btn-sm btn-warning" type="button" id="cell0" value="0">0</button>
<button class="btn btn-sm btn-warning" type="button" id="cellDeci" value=".">.</button>
<button class="btn btn-sm btn-success" type="button" id="cell=" value="=">=</button>
<button class="btn btn-sm btn-danger" type="button" id="cellDivide" value="/">/</button>
</p>

<p>
	<button type="button" button class = "btn btn-sm" id="resetButton">Style</button>
	<button type="button" button class = "btn btn-sm" id="playMusic">Play</button>
	<button type="button" button class = "btn btn-sm" id="pauseMusic">Pause</button>

</p>

</h2>
</div>
</h1>
	</body>
</html>